<template>
    <div class="achievement-box">
        <div class="achievement-title">研究成果</div>
        <p>● 更新中1</p>
        <p>● 更新中2</p>
        <div class="line"></div>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.achievement-box{
    width: 60%;
    margin: 0 auto;
}
.achievement-title{
    width: fit-content;
    border: 3px solid black;
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding: 5px;
    font: larger;
    font-weight: 600;
    margin: 30px;
}
p{
    display: flex;
    justify-content: start;
    margin-left: 40px;
}
.line{
    width: 100%;
    border-bottom: 1px solid black;
    margin: 20px auto;
}
</style>